﻿{% extends "base.html" %}
{% block content %}
{% include 'right.html' %}



    <div id="main-container" class="container clearfix">
        <section class="post-left">
            <div class="breadcrumb">您的位置： <a itemprop="breadcrumb" href="{% url 'index' %}">首页</a> » <a
                href="{% url 'index' %}list-{{ show.category.id }}.html">{{ show.category.name }}</a> »
            <span class="current">正文</span></div>
            <div class="post-main clearfix">
                <h1 class="post-title">{{ show.title }}</h1>
                <div class="post-con clearfix">
                    <div class="article-meta">
                        <span class="item">分类：<a href="{% url 'index' %}list-{{ show.category.id }}.html" rel="category tag">{{ show.category.name }}</a></span>
                        <span class="item">作者：{{ show.user }}</span>
                        <span class="item">浏览：{{ show.views }}</span>
                        <span class="item">{{ show.created_time }}</span>
                    </div>
                    <article class="article-content">
                    {{ show.body|safe }}
                    </article>

                    <div class="post-tag"><span class="fa fa-tags" aria-hidden="true"></span>标签：
                    {% for tag in show.tags.all %}
                        <a href="{% url 'index' %}tag/{{ tag.name }}" rel="tag">{{ tag.name }}</a>
                    {% endfor %}
                    </div>
                    <div>
                        <div><b>上一篇：</b>
                             {% if netx_blog %}
                                <a href="show-{{ netx_blog.pk }}.html" class="article-tag">{{ netx_blog }}</a>
                             {% else %}
                                没有了
                             {% endif %}
                        </div>
                        <div><b>下一篇：</b>
                            {% if previous_blog %}
                                <a href="show-{{ previous_blog.pk }}.html" class="article-tag">{{ previous_blog }}</a>
                            {% else %}
                                没有了
                            {% endif %}
                    </div>
                </div>

            </div>
            <!-- /文章 -->


            <div class="recommend  hidden-xs">

                <div class="head clearfix"><span class="sp">您可能感兴趣的:</span></div>
                <ul>
                {% for h in hot %}
                    <li>
                        <a href="{% url 'index' %}show-{{ h.id }}.html" title="{{ h.title }}">
                        <img src="{% url 'index' %}media/{{ h.img }}"
                            srcset="{% url 'index' %}media/{{ h.img }}"
                            alt="{{ h.title }}" class="wp-post-image" width="145" height="100"/></a>
                        </div>
                            <a class="descript " href="{% url 'index' %}show-{{ h.id }}.html" rel="bookmark"
                                title="{{ h.title }}">{{ h.title }}</a>
                    </li>
                {% endfor %}
                    <li>
                        <div class="pic">
                            <a href="/show-4.html" title="Firefox5新功能:社交共享 集成身份管理"><img
                                    src="static/picture/firefox503.jpg"
                                    srcset="/media/article_img/2018/10/07/firefox503.jpg"
                                    alt="Firefox5新功能:社交共享 集成身份管理" class="wp-post-image" width="145"
                                    height="100"/></a>
                        </div>
                        <a class="descript " href="/show-4.html" rel="bookmark"
                           title="Firefox5新功能:社交共享 集成身份管理">Firefox5新功能:社交共享 集成身份管理</a>
                    </li>
                
                    <li>
                        <div class="pic">
                            <a href="/show-11.html" title="腾讯出品：制定设计的原则"><img
                                    src="static/picture/tx.jpg"
                                    srcset="/media/article_img/2018/10/07/tx.jpg"
                                    alt="腾讯出品：制定设计的原则" class="wp-post-image" width="145"
                                    height="100"/></a>
                        </div>
                        <a class="descript " href="/show-11.html" rel="bookmark"
                           title="腾讯出品：制定设计的原则">腾讯出品：制定设计的原则</a>
                    </li>
                
                    <li>
                        <div class="pic">
                            <a href="/show-9.html" title="社交网络应故意设计得“不够完善”"><img
                                    src="static/picture/shejiaowangluo.jpg"
                                    srcset="/media/article_img/2018/10/07/shejiaowangluo.jpg"
                                    alt="社交网络应故意设计得“不够完善”" class="wp-post-image" width="145"
                                    height="100"/></a>
                        </div>
                        <a class="descript " href="/show-9.html" rel="bookmark"
                           title="社交网络应故意设计得“不够完善”">社交网络应故意设计得“不够完善”</a>
                    </li>
                
                    <li>
                        <div class="pic">
                            <a href="/show-7.html" title="网站设计-不只是门面漂亮这么简单"><img
                                    src="static/picture/web1.jpg"
                                    srcset="/media/article_img/2018/10/07/web1.jpg"
                                    alt="网站设计-不只是门面漂亮这么简单" class="wp-post-image" width="145"
                                    height="100"/></a>
                        </div>
                        <a class="descript " href="/show-7.html" rel="bookmark"
                           title="网站设计-不只是门面漂亮这么简单">网站设计-不只是门面漂亮这么简单</a>
                    </li>
                
                    <li>
                        <div class="pic">
                            <a href="/show-12.html" title="30个别出心裁的WordPress设计"><img
                                    src="static/picture/wpress29.jpg"
                                    srcset="/media/article_img/2018/10/07/wpress29.jpg"
                                    alt="30个别出心裁的WordPress设计" class="wp-post-image" width="145"
                                    height="100"/></a>
                        </div>
                        <a class="descript " href="/show-12.html" rel="bookmark"
                           title="30个别出心裁的WordPress设计">30个别出心裁的WordPress设计</a>
                    </li>
                
                    <li>
                        <div class="pic">
                            <a href="/show-3.html" title="微软发布IE10预览版 或增加IE5浏览模式 提供下载"><img
                                    src="static/picture/ie10-3.jpg"
                                    srcset="/media/article_img/2018/10/07/IE10-3.jpg"
                                    alt="微软发布IE10预览版 或增加IE5浏览模式 提供下载" class="wp-post-image" width="145"
                                    height="100"/></a>
                        </div>
                        <a class="descript " href="/show-3.html" rel="bookmark"
                           title="微软发布IE10预览版 或增加IE5浏览模式 提供下载">微软发布IE10预览版 或增加IE5浏览模式 提供下载</a>
                    </li>
                
                    <li>
                        <div class="pic">
                            <a href="/show-10.html" title="手机端阅读类产品的信息架构"><img
                                    src="static/picture/shouji.jpeg"
                                    srcset="/media/article_img/2018/10/07/shouji.jpeg"
                                    alt="手机端阅读类产品的信息架构" class="wp-post-image" width="145"
                                    height="100"/></a>
                        </div>
                        <a class="descript " href="/show-10.html" rel="bookmark"
                           title="手机端阅读类产品的信息架构">手机端阅读类产品的信息架构</a>
                    </li>
                
                    <li>
                        <div class="pic">
                            <a href="/show-8.html" title="谷歌用户体验设计准则"><img
                                    src="static/picture/tx_3zybskx.jpg"
                                    srcset="/media/article_img/2018/10/07/tx_3zybSKX.jpg"
                                    alt="谷歌用户体验设计准则" class="wp-post-image" width="145"
                                    height="100"/></a>
                        </div>
                        <a class="descript " href="/show-8.html" rel="bookmark"
                           title="谷歌用户体验设计准则">谷歌用户体验设计准则</a>
                    </li>
                
                    <li>
                        <div class="pic">
                            <a href="/show-5.html" title="简单HTML5打造内涵搜索框"><img
                                    src="static/picture/web1_if1rrie.jpg"
                                    srcset="/media/article_img/2018/10/07/web1_If1RRie.jpg"
                                    alt="简单HTML5打造内涵搜索框" class="wp-post-image" width="145"
                                    height="100"/></a>
                        </div>
                        <a class="descript " href="/show-5.html" rel="bookmark"
                           title="简单HTML5打造内涵搜索框">简单HTML5打造内涵搜索框</a>
                    </li>
                
                </ul>
            </div>


        </section>
        <!-- /post-left -->
        <!-- /post-right -->
        <aside class="post-right hidden-xs">
            </section></section>

            <section class="widget post-right-item">
                <h4 class="post-right-title">热门推荐</h4>


                <ul class="post-hot clearfix">
                {% for k in remen %}
                   <li>
                        <div class="img">
                        <a href="{% url 'index' %}show-{{ k.id }}.html" title="{{ k.title }}">
                        <img src="{% url 'index' %}media/{{ k.img }}"
                         srcset="{% url 'index' %}media/{{ k.img }}" alt="{{ k.title }}"
                            class="wp-post-image" width="120" height="80"/>
                        </a>
                        </div>
                        <div class="text">
                        <a href="{% url 'index' %}show-{{ k.id }}.html" title="{{ k.title }}"
                                   target="_blank">{{ k.title }}</a>
                        </div>
                       </li>
                

                {% endfor %}
                </ul>
            </section>
            </section>
            <section class="widget post-right-item"><h4 class="post-right-title">所有标签</h4>
                <div class="tags">
                    
                        {% for tag in tags %}
                            <a href="{% url 'index' %}tag/{{ tag.name }}">{{ tag.name }}</a>
                        {% endfor %}
                </div>
            </section>
            </section><!-- /关注我们 -->
            <div class="post-right-item">
                <h4 class="post-right-title">关注我们</h4>
                <div class="wid-about">
                    <p>拓普Python学院，欢迎关注！</p>
                    <img src="static/picture/weixinqr.jpg" width="160" height="160">
                </div>
                <div class="wid-about">
                    <p><strong>联系方式:</strong></p>
                    <p>QQ:445813</p>
                    <p>Email：445813@qq.com</p>
                </div>
            </div>

        </aside>

        </aside>
    </div>
    <!-- /主体 -->


<!-- 底部 -->
{% endblock %}
